$left-width: 200px;
$left-d: 220px;
$right-width: calc(100% - 240px);
.PiGai-box {
  //display: flex;
  //z-index: 10;
  //font-size: 30px;
  //position: absolute;
  //width: 100%;
  //height: 100%;
  //top: 72px;
  .left {
    width:$left-width;
    background: #fefefe;
    left: 0;
    .item{
      border-bottom: 1px solid #ddd;
      padding: 10px 0 10px 30px;
    }
  }
  .Btns {
    position: fixed;
    bottom: 0;
    left: $left-d;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: $right-width;
    grid-gap: 16px 10px;
    background: #f5f5f5;
    .btn {
      text-align: center;
      color: #fff;
      border-radius: 8px;
      padding: 0 8px;
      font-size: 24px;
      line-height: 46px;
    }
  }
  .right {
    width: $right-width;
    top: 20px;
    left: $left-d;
    .box {
      margin-bottom: 120px;
      overflow: scroll;
      .bigbox-itembox {
        background: #fefefe;
        margin: 20px 0;
        padding: 20px;
        .top {
          display: flex;
          align-items: center;
          justify-content: space-between;
          .title {
            font-weight: bold;
          }
          .top-right{
            display: flex;
            align-items: center;
            .itm {
              width: 40px;
              height: 40px;
              margin: 0 10px;
              position: relative;
              .images {
                position: absolute;
                width: 100%;
                height: 100%;
              }
            }
          }
        }
      }
      .itembox {
        border-bottom: 2px solid #ddd;
        padding: 10px 0 10px 0;
        position: relative;
        &:last-child{
          border-bottom: none
        }
        .image-boxs {
          display: flex;
          align-items: center;
          taro-image-core {
            width: 100px;
            height: 100px;
          }
           img {
             width: 100%;
             height: 100%;
           }
        }
        .left{
          border: none;
        }
        .bottom {
          display: flex;
          align-items: flex-start;
          justify-content: space-between;
          margin-top: 20px;
          .left {
            width: calc(100% - 100px);
          }
          .right{
            width: 100px;
            text-align: center;
            margin: 0 0 0 20px;
          }
        }
      }
    }
  }
  .PiGai-box-right {
    top: 0;
    position: absolute;
    height: calc(100% - 72px);
    padding-bottom: 40px;
    overflow: scroll;
  }
  .PiGai-box-left {
    position: absolute;
    height: calc(100% - 72px);
    overflow: scroll;
  }
}
